<template>

    <div style="padding-bottom: 60px;">
        <Card dis-hover>
            <template>
                <Tabs v-model="menuName" @on-click="clickTabs">
                    <TabPane label="词性大类配置" name="searchconfig">
                        <searchconfig ref="searchconfig"></searchconfig>
                    </TabPane>
                    <TabPane label="钉钉提醒" name="dingconfig">
                        <dingconfig ref="dingconfig"></dingconfig>
                    </TabPane>
                </Tabs>
            </template>
        </Card>
    </div>
</template>
<script>
    import dingconfig from './components/dingdingConfig.vue';
    import searchconfig from './components/searchConfig.vue';
    export default {
        components: {dingconfig,searchconfig},
        data(){
            return {
                menuName: 'searchconfig'
            };
        },
        mounted() {
            this.$refs.searchconfig.initial();
        },
        methods: {
            clickTabs(e) {
                this.$refs[e].initial();
            },
        }
    };
</script>